<template>
    <div class="q-chart">
        <v-chart  class="chart" :option="options" autoresize />
    </div>
</template>

<script>
    import * as echarts from "echarts";
    import VChart, { THEME_KEY } from "vue-echarts";
    import { ref, defineComponent } from "vue";
    export default {
        name: "v-Chart",
        [THEME_KEY]: "dark",
        components:{
            'v-chart':VChart
        },
        props:{
            options:{
                type:Object,
                default:() => {}
            }
        },
        setup: () => {

        },
        mounted() {

        },

    };
</script>
<style scoped>
    .chart {
        height: 200px;
    }
</style>
